<template>
	<view class="RightFixedShare">
		<image v-if="isFavourite" class="RightFixedShare1" src="/static/images/shoucangimg_1.png"
		@click="clickUnFavouriteEvent"
		></image>
		<image v-else class="RightFixedShare1" src="/static/images/rightimg1.png"
		@click="clickFavouriteEvent"
		></image>
		<!-- <image class="RightFixedShare2" src="/static/images/rightimg2.png"></image>
		<image class="RightFixedShare3" src="/static/images/rightimg3.png"></image> -->
	</view>
</template>

<script>
	export default {
		props: {
			isFavourite: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			clickFavouriteEvent() {
				this.$emit('clickFavouriteEvent');
			}
			,
			clickUnFavouriteEvent(){
				this.$emit('clickUnFavouriteEvent');
			}
		}
		
	}
</script>

<style lang="scss">
.RightFixedShare{
	position: fixed;
	right: 0;
	bottom: 200rpx;
	width: 152rpx;
	height: 180rpx;
	box-sizing: border-box;
	padding: 47rpx 0 0 55rpx;
	z-index: 98;
	background: url("/static/images/reportbj1.png") no-repeat center / 152rpx 180rpx;
	image{
		width: 60rpx;
		height: 60rpx;
		margin: 15rpx 0 0 8rpx;
	}
}
</style>
